﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site1.Master" CodeBehind="Design.aspx.cs"
    Inherits="TemplateH4.Design.Design" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Trang Quản Lý Thiết Kế</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <title>Trang Thiết Kế</title>
    <link href="css/TrangThietKe.css" rel="stylesheet" type="text/css" />
    <link type="text/css" href="css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" />

    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>

    <% 
        Response.Write("<script type=\"text/javascript\">");
        //Load arrSrcTrangTri
        Response.Write("var arrSrcTrangTri = new Array(");
        Response.Write(this.LaySrcTrangTri());
        Response.Write(");");
    %>
    <%
        //Load arrSrcMauNam
        Response.Write("var arrLoadThietKe = new Array(");
        Response.Write(this.LoadDanhSachThietKe());
        Response.Write(");");
    
    %>
    <%
        //Load arrSrcMauNam
        Response.Write("var arrSrcMauNam = new Array(");
        Response.Write(this.LaySrcMauNam());
        Response.Write(");");
    
    %>
    <% 
        //Load arrSrcMauNu
        Response.Write("var arrSrcMauNu = new Array(");
        Response.Write(this.LaySrcMauNu());
        Response.Write(");");  
    %>
    function init(){ //do asp tao
    <%
        if (Request.QueryString["MaTK"] != null)
        {
            MaSanPhamThietKe = System.Convert.ToInt32(Request.QueryString["MaTK"]);
            Response.Write(LoadThietKe());
        }
    %>
    } </script>

    <script type="text/javascript" src="functionThietKe.js"></script>

    <style type="text/css">
        #imgAdd
        {
            width: 0px;
            height: 0px;
        }
        #anh1
        {
            width: 20px;
            height: 20px;
        }
        #mauchinh-vungthem2
        {
            width: 50%;
            height: 150px; /* border:2px solid #ccc; */
            padding-bottom: 100px;
            padding-right: 80px;
        }
        #add-dichchuyen-1
        {
            width: 0px;
            height: 0px;
        }
        #add-dichchuyen-2
        {
            width: 0px;
            height: 0px;
        }
        #add-dichchuyen-3
        {
            width: 0px;
            height: 0px;
        }
        #add-dichchuyen-4
        {
            width: 0px;
            height: 0px;
        }
        #add-dichchuyen-5
        {
            width: 0px;
            height: 0px;
        }
        #huong-dan-su-dung
        {
            height: 200px;
            width: 1050px;
            padding-left:400px;
            padding-top:30px;
        }
        *
        {
            font-size: 12px;
            color: Black;
        }
        .hdsd
        {
        	font-size:30px;
        	color:White;
        	font-style:italic;
        	height:40px;
        	
        }
        .wrapper-new{
	        width:100%;
	        overflow:hidden;
	        min-height:0px;
	        height:auto;
	     }
    </style>
    <div id="nav">
        <ul>
            <li><a href="../Default.aspx">Home</a></li>
            <li><a href="Design.aspx">Thiết Kế</a></li>
            <li><a href="ManageDesign.aspx">Quản Lý Thiết Kế</a></li>
            <li><a href="HuongDanThietKe.aspx">Hướng Dẫn</a></li>
        </ul>
    </div>
    <div id="huong-dan-su-dung">  
        <div class="hdsd">Thiết kế những chiếc áo thật độc đáo!</div>
        <div class="hdsd">Thêm những chi tiết trang trí!</div>
        <div class="hdsd">Khẳng định bản thân!</div>
    </div>
    <div id="temp" runat="server">
    </div>
    <div id="background">
        <div id="body">
            <div id="body-listmau">
                <div id="listmau-len">
                    <img id="len" src="img/TrangThietKe/item/muiTenLen.jpg" />
                </div>
                <div id="listmau-mau1">
                    <img id="mau1" src="img/TrangThietKe/item/mau1.png" height="80px" width="80px" />
                </div>
                <div id="listmau-mau2">
                    <img id="mau2" src="img/TrangThietKe/item/mau2.png" height="80px" width="80px" />
                </div>
                <div id="listmau-mau3">
                    <img id="mau3" src="img/TrangThietKe/item/mau3.png" height="80px" width="80px" />
                </div>
                <div id="listmau-mau4">
                    <img id="mau4" src="img/TrangThietKe/item/mau4.png" height="80px" width="80px" />
                </div>
            </div>
            <div id="body-thietke">
                <div id="thietke-menu">
                    Chọn Size Áo
                    <select id="SizeAo" name="SizeAo" selected="selected">
                        <option value="S">S</option>
                        <option value="M">M</option>
                        <option value="L">L</option>
                        <option value="XL">XL</option>
                        <option value="XXl">XXL</option>
                    </select>
                    Size đã chọn:<% 
                                     Response.Write("<script type=\"text/javascript\">");
                                     //Load arrSrcTrangTri
                                     Response.Write("var arrSrcTrangTri = new Array(");
                                     Response.Write(this.LaySrcTrangTri());
                                     Response.Write("); </script>");
                    %>
                </div>
                <div id="thietke-chinhsua">
                    <div id="chinhsua-khungmauchinh">
                        <div id="khungmauchinh-mauchinh" style="background: url(img/TrangThietKe/Mau/Nam1.png)">
                            <div id="mauchinh-vungthem1">
                                <div id="mauchinh-vungthem2">
                                    <div id="add-dichchuyen-1">
                                        <img id="add-trangtri-1" src="img/TrangThietKe/item/1.png" height="40px" width="30px"
                                            style="display: none" />
                                    </div>
                                    <div id="add-dichchuyen-2">
                                        <img id="add-trangtri-2" src="img/TrangThietKe/item/1.png" height="40px" width="30px"
                                            style="display: none" />
                                    </div>
                                    <div id="add-dichchuyen-3">
                                        <img id="add-trangtri-3" src="img/TrangThietKe/item/1.png" height="40px" width="30px"
                                            style="display: none" />
                                    </div>
                                    <div id="add-dichchuyen-4">
                                        <img id="add-trangtri-4" src="img/TrangThietKe/item/1.png" height="40px" width="30px"
                                            style="display: none" />
                                    </div>
                                    <div id="add-dichchuyen-5">
                                        <span id="add-text"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="thietke-chonmau">
                            <div id="nam">
                                <img src="img/TrangThietKe/item/nam.png" height="40px" width="40px" />Nam
                            </div>
                            <div id="nu">
                                <img src="img/TrangThietKe/item/nu.png" height="40px" width="40px" />Nữ
                            </div>
                        </div>
                    </div>
                    <div id="chinhsua-add">
                        <div id="add-button">
                            Thêm text
                            <input type="text" id="textAdd" />
                            Màu Sắc
                            <select id="colorAddText" name="colorAddText" selected="selected">
                                <option value="0">Red</option>
                                <option value="1">Black</option>
                                <option value="2">Yellow</option>
                                <option value="3">Blue</option>
                            </select>
                            Kích Thước Text
                            <select id="sizeAddText" name="sizeAddText" selected="selected">
                                <option value="0">14</option>
                                <option value="1">16</option>
                                <option value="2">18</option>
                                <option value="3">20</option>
                            </select>
                            <center>
                                <input type="button" id="btnAddText" value="Hiển thị" /></center>
                        </div>
                        <div id="add-image">
                            <div class="image">
                                <center>
                                    <img id="trangTri1" src="img/TrangThietKe/item/1.png" height="129px" width="100px" />
                                </center>
                            </div>
                            <div class="image" id="2">
                                <center>
                                    <img id="trangTri2" src="img/TrangThietKe/item/2.png" height="129px" width="100px" />
                                </center>
                            </div>
                            <div class="image">
                                <center>
                                    <img id="trangTri3" src="img/TrangThietKe/item/3.png" height="129px" width="100px" />
                                </center>
                            </div>
                            <div class="image">
                                <center>
                                    <img id="trangTri4" src="img/TrangThietKe/item/4.png" height="129px" width="100px" />
                                </center>
                            </div>
                            <div class="image">
                                <center>
                                    <img id="trangTri5" src="img/TrangThietKe/item/5.png" height="129px" width="100px" />
                                </center>
                            </div>
                            <div class="image">
                                <center>
                                    <img id="trangTri6" src="img/TrangThietKe/item/6.png" height="129px" width="100px" />
                                </center>
                            </div>
                            <div class="image">
                                <center>
                                    <img id="trangTri7" src="img/TrangThietKe/item/7.png" height="129px" width="100px" />
                                </center>
                            </div>
                            <div class="image">
                                <center>
                                    <img id="trangTri8" src="img/TrangThietKe/item/8.png" height="129px" width="100px" />
                                </center>
                            </div>
                        </div>
                        <div id="add-nextforward">
                            <div id="forward">
                                <input type="button" value="Forward" /></div>
                            <div id="next">
                                <input type="button" value="Next" /></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="layout-footer">
            <div id="footer-muitenxuong">
                <img id="xuong" src="img/TrangThietKe/item/muiTenXuong.jpg" height="58px" width="62px" />
            </div>
            <div id="footer-menu">
                <form method="post" action="<%if(LayMaSanPhamThietKe()==0)Response.Write("Design.aspx"); else Response.Write("Design.aspx?MaTK="+LayMaSanPhamThietKe().ToString());%>"
                name="frmTruyenDuLieu" id="frmTruyenDuLieu">
                Lưu thiết kế
                <input id="btnSave" type="button" value="Save" />
                Cập nhật thiết kế
                <input id="nameFile" readonly="true" type="text" name="TenThietKe" value="<%Response.Write(LayMaSanPhamThietKe().ToString()); %>" />
                <input id="btnUpdate" type="button" value="Cập Nhật" />
                <input id="mau-chinh-src" type="hidden" name="mau-chinh-src" value="" />
                <input id="mau-chinh-size" type="hidden" name="mau-chinh-size" value="" />
                <input id="mau-chinh-color" type="hidden" name="mau-chinh-color" value="" />
                <input id="trang-tri-1-status" type="hidden" name="trang-tri-1-status" value="" />
                <input id="trang-tri-1-src" type="hidden" name="trang-tri-1-src" value="" />
                <input id="trang-tri-1-height" type="hidden" name="trang-tri-1-height" value="" />
                <input id="trang-tri-1-width" type="hidden" name="trang-tri-1-width" value="" />
                <input id="trang-tri-1-x" type="hidden" name="trang-tri-1-x" value="" />
                <input id="trang-tri-1-y" type="hidden" name="trang-tri-1-y" value="" />
                <input id="trang-tri-2-status" type="hidden" name="trang-tri-2-status" value="" />
                <input id="trang-tri-2-src" type="hidden" name="trang-tri-2-src" value="" />
                <input id="trang-tri-2-height" type="hidden" name="trang-tri-2-height" value="" />
                <input id="trang-tri-2-width" type="hidden" name="trang-tri-2-width" value="" />
                <input id="trang-tri-2-x" type="hidden" name="trang-tri-2-x" value="" />
                <input id="trang-tri-2-y" type="hidden" name="trang-tri-2-y" value="" />
                <input id="trang-tri-3-status" type="hidden" name="trang-tri-3-status" value="" />
                <input id="trang-tri-3-src" type="hidden" name="trang-tri-3-src" value="" />
                <input id="trang-tri-3-height" type="hidden" name="trang-tri-3-height" value="" />
                <input id="trang-tri-3-width" type="hidden" name="trang-tri-3-width" value="" />
                <input id="trang-tri-3-x" type="hidden" name="trang-tri-3-x" value="" />
                <input id="trang-tri-3-y" type="hidden" name="trang-tri-3-y" value="" />
                <input id="trang-tri-4-status" type="hidden" name="trang-tri-4-status" value="" />
                <input id="trang-tri-4-src" type="hidden" name="trang-tri-4-src" value="" />
                <input id="trang-tri-4-height" type="hidden" name="trang-tri-4-height" value="" />
                <input id="trang-tri-4-width" type="hidden" name="trang-tri-4-width" value="" />
                <input id="trang-tri-4-x" type="hidden" name="trang-tri-4-x" value="" />
                <input id="trang-tri-4-y" type="hidden" name="trang-tri-4-y" value="" />
                <input id="trang-tri-5-status" type="hidden" name="trang-tri-5-status" value="" />
                <input id="trang-tri-5-text" type="hidden" name="trang-tri-5-text" value="" />
                <input id="trang-tri-5-size" type="hidden" name="trang-tri-5-size" value="" />
                <input id="trang-tri-5-color" type="hidden" name="trang-tri-5-color" value="" />
                <input id="trang-tri-5-x" type="hidden" name="trang-tri-5-x" value="" />
                <input id="trang-tri-5-y" type="hidden" name="trang-tri-5-y" value="" />
                </form>
                Mở lại thiết kế
                <select id="loadThietKe" name="loadThietKe" selected="selected">
                </select>
                <input type="button" id="btnLoad" value="Load" />
                Thiết kế mới<input type="button" id="btnNew" value="New" />Xóa thiết kế<a href="Design.aspx?DeleteTK=<%Response.Write(LayMaSanPhamThietKe().ToString()); %>"><input
                    type="button" id="btnDelete" value="Delete" /></a>
            </div>
        </div>
    </div>
</asp:Content>
